﻿.mud-collapse-container {
    height: 0px;
    overflow: hidden;
}

@keyframes mud-expand-anim {
    from {
        height: 0;
    }
}

.mud-collapse-entering {
    animation: mud-expand-anim 1s ease-in-out 0ms 1 forwards;

    &.mud-navgroup-collapse {
        animation-duration: 300ms !important;
    }
}

.mud-collapse-entered {
    overflow: initial;
}

@keyframes mud-collapse-anim {
    to {
        height: 0;
    }
}

.mud-collapse-exiting {
    animation: mud-collapse-anim 0.5s cubic-bezier(0, 1, 0, 1) 0ms 1 forwards;

    &.mud-navgroup-collapse {
        animation-duration: 300ms;
    }
}

.mud-collapse-hidden {
    visibility: hidden;
}

.mud-collapse-wrapper {
    display: flex;
}

.mud-collapse-wrapper-inner {
    width: 100%;
}
